<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>我的购物车</title>
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/mycart.css">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <script type="text/javascript" src="../node_modules/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="../js/mycart.js"></script>
    <script type="text/javascript" src="../js/public.js"></script>
    <script type="text/javascript" src="../node_modules/jquery-color/jquery.color.js"></script>

   </head>
<body>
    <!--头部-->
    <div id="header">
        <div class="inner">
            <p><a href="javascript:;">消费者告知书</a></p>
            <ul>
                <li><a href="html/login.html" style="border: 0">登录</a></li>
                <li><a href="html/login.html" style="border-right: 2px solid #666;margin-right: 10px">注册</a></li>
                <li style="margin-right: 10px">
                    <div></div>
                    <span>400-080-1888</span></li>
                <li><a href="javascript:;">下载达令app</a></li>
                <div class="reg_tip">
                    注册即得 新人专享优惠券
                    <div class="reg_sharp"></div>
                    <a href="javascript:;" class="reg_close">x</a>
                </div>
            </ul>
        </div>
    </div>

    <!--banner-->
    <div id="banner">
        <div class="inner">
            <a href="../index.html" class="logo"></a>
            <div class="cart_bar">
                <ul>
                    <li class="step-1">
                        <span class="step_round">1</span>
                        查看购物车
                        <i class="step_triangle"></i>
                    </li>
                    <li class="step-2">
                        <span class="step_round">2</span>
                        确认订单信息
                        <i class="icon-step"></i>
                    </li>
                    <li class="step-3">
                        <span class="step_round">3</span>
                        成功提交订单
                    </li>
                </ul>
            </div>
  </div>
    </div>


    <div id="main">
        <div class="inner">
            <!--购物车列表-->
            <section class="mycart_table">
                <article class="cart_head">
                    <ul>
                        <li class="">
                            <label><input type="checkbox" class="all_choice"><span>全选</span></label>
                        </li>
                        <li>商品名称</li>
                        <li>单价(元)</li>
                        <li>数量</li>
                        <li>小计(元)</li>
                        <li>操作</li>
                    </ul>
                </article>
                <article class="cart_list">
                   <!-- <ul>
                        <li><input type="checkbox" class="listRadio"></li>
                        <li>
                            <a href="javascript:;" class="list_img">
                                <div></div>
                            </a>
                            <a href="javascript:;">
                                <span>[IKEWA] </span>
                                <span>韩范简约个性双层项圈(银色三角)</span>
                            </a>
                        </li>
                        <li><span>¥</span><span class="list_price">299.00</span></li>
                        <li><span class="list_sub">-</span><input type="text" value="1" class="cartNumber"><span class="list_add">+</span></li>
                        <li><span class="font_red">¥</span><span class="font_red font_16 list_sum">299.00</span></li>
                        <li><a href="javascript:;" class="list_del">删除</a></li>
                    </ul>-->
                </article>
                <article class="cart_foot">
                    <span>换购区</span>
                    <a href="javascript:;">加9.9元换套装 >></a>
                </article>
                <article class="cart_buy">
                    <ul>
                        <li class="">
                            <label><input type="checkbox" class="all_choice"><span>全选</span></label>
                        </li>
                        <li><a href="javascript:;">删除选中商品</a></li>
                        <li><a href="javascript:;">移到我的收藏</a></li>
                        <li>已选中<span class="font_red">1</span>件商品</li>
                        <li>
                            <div><span>总金额：</span><span class="font_red">¥</span><span class="font_red font_20 list_all">92.00</span></div>
                            <div><span>已节省：</span><span>-¥</span><span>0.00</span></div>
                        </li>
                        <li><a href="javascript:;">去结算</a></li>
                    </ul>
                </article>
            </section>
            <!--收藏-->
            <section class="mycollect">
                <p><span>我的收藏</span></p>
                <i>登陆后才能查看收藏的全球好货哦~</i>
                <a href="login.html">登录></a>
            </section>
        </div>
    </div>


    <div class="clear"></div>
    <!--footer-->
    <div id="footer">
        <div class="promise">
            <ul>
                <li>为什么选择达令 <span></span></li>
                <li><span></span>100多个品牌授权</li>
                <li><span></span>24小时内发货</li>
                <li><span></span>保税区正品</li>
            </ul>
        </div>
        <div class="inner">
            <div class="investor">
                <div class="investor_left">
                    <dl>
                        <dt>投资人说达令</dt>
                        <dd>“hi，达令，我是陈赫，达令投资人，投资比影响力更重要的是责任。”</dd>
                    </dl>
                </div>
                <div class="investor_right">
                    <dl>
                        <dt>投资人说达令</dt>
                        <dd>达令™一手全球好货--带您购全球,教您神马值得买。<br/>
                            连续两年荣获App store 编辑推荐最佳购物类应用！”
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="copyright">
                <ul>
                    <li><a href="javascript:;" style="border-left: 0px">首页 </a></li>
                    <li><a href="javascript:;">网站地图</a></li>
                    <li><a href="javascript:;">消费者告知书</a></li>
                    <li><a href="javascript:;">优惠券使用规则</a></li>
                    <li><a href="javascript:;">退换货使用说明</a></li>
                    <li><a href="javascript:;">关于我们</a></li>
                    <li><a href="javascript:;" style="border-right: 0">联系我们</a></li>
                </ul>
                <div>
                    <span>北京普缇客科技有限公司</span>
                    <a href="javascript:;"><img src="../images/index/foot-1.png" alt=""></a>
                    <a href="javascript:;"><img src="../images/index/foot-2.png" height="41" alt=""></a>
                    <a href="javascript:;"><img src="../images/index/foot-3.jpg" alt=""></a>
                </div>
                <p>Copyright © 2016达令 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113</p>
            </div>
        </div>
    </div>

    <!--侧边栏-->
    <div class="sidebar">
        <div class="sidebar_intro"><!--侧边栏简介-->
            <div class="mycart">    <!--我的购物车-->
                <p class="sidebar_line"></p>
                <i></i>
                <p>购物车</p>
                <span>0</span>
            </div>
            <p class="sidebar_line"></p>
            <div class="sidebar_coupon">
                <i></i>
                <div class="my_hidden">我的优惠券
                    <b class="triangle"></b>
                </div>
            </div>  <!--我的优惠券-->
            <div class="sidebar_collect">
                <i></i>
                <div class="my_hidden">我的收藏
                    <b class="triangle"></b>
                </div>
            </div> <!--我的收藏-->
            <div class="quickmark">
                <div class="quickmark_big">
                    <div></div>
                    <b class="triangle"></b>
                    <p>到手机达令</p>
                </div>
            </div>       <!--二维码-->
        </div>
        <div class="sidebar_details">

        </div><!--侧边栏详情-->

    </div>
</body>
</html>